<html>
<head>
<style>
.main{margin:0 auto;width:400px;background-color:#fafafa;border:dashed 2px #fa0;font-size:12px;}
#option_desc{padding-top:20px;font-weight:bold;text-align:center;font-size:16px;}
.option_box{width:300px;margin-left:50px;margin-top:20px;border:solid 1px #aaa;}
.tooltips{padding-left:20px;color:#aa0a00;}
#status{margin-left:50px;margin-left:50px;margin-top:10px;font-weight:bold;}
.action_box{margin-left:50px;margin-top:20px;margin-bottom:20px;}
</style>
<script type="text/javascript">
function init()
{
	var extConfig_title = chrome.i18n.getMessage('extConfig_title');
	document.title = extConfig_title;
	document.getElementById("option_desc").innerHTML = extConfig_title;
	document.getElementById("option_autoshow").innerHTML = chrome.i18n.getMessage('extConfig_option_autoshow');
	document.getElementById("option_autoshow_desc").innerHTML = chrome.i18n.getMessage('extConfig_option_autoshow_desc');
	document.getElementById("save").innerHTML = chrome.i18n.getMessage('extConfig_save');
	document.getElementById("close").innerHTML = chrome.i18n.getMessage('extConfig_close');
	restore_options();
}
function save_options()
{
	localStorage["autoShow"] = document.getElementById("autoShow").checked ? true : false;
	var status = document.getElementById("status");
	status.innerHTML = chrome.i18n.getMessage('extConfig_saved');
	setTimeout(function(){status.innerHTML = "";}, 750);
}
function restore_options()
{
	if (localStorage["autoShow"] == 'true')
	{
		var autoShow = document.getElementById("autoShow");
		autoShow.checked = 'checked';
	}
}
</script>
</head>
<body onload="init()">
<div class="main">
	<div id="option_desc"></div>
	<div class="option_box">
		<input type="checkbox" id="autoShow"><span id="option_autoshow"></span>
		<div class="tooltips" id="option_autoshow_desc"></div>
	</div>
	<div id="status"></div>
	<div class="action_box">
		<button onclick="save_options()"><span id="save"></span></button>
		<button onclick="javascript:window.close()"><span id="close"></span></button>
	</div>
</div>
</body>
</html>